/*
国际化：vue-i18n插件，使用步骤类似路由
  基本使用
    1：下载时也要注意版本问题  yarn add  vue-i18n@8.0.0
    2:导入  import VueI18n from 'vue-i18n'
    3:注册   import Vue from 'vue'  Vue.use(VueI18n)
    4:实例化
       const i18n=new VueI18n({
          locale:'语言标识',  比如  语言标识 ：中方：zh  英文：en
          messages:{
          //   语言包
          zh:{
            xxx:'文件'
          },
          en:{
            xxx:'file'
          }
          }
       })
    5:暴露出去  export default i18n
    6:在main.js挂载
      import i18n from '@/lang'
       new Vue({
        store,router...,i18n
       })

     使用：
        vue文件中使用
             {{$t(key)}}
        js中使用
           import i18n from '@/lang'
            i18n.t(key)

        切换语言与获取语言
        js:
        切换：i18n.locale="相应的语言标识"
        获取：i18n.locale
        vue中使用
        切换：this.$i18n.locale="相应的语言标识"
        获取：this.$i18n.locale

    elementui使用国际化
      1：导入elementui语言包加入到i18n
      2:将i18n与elementui建立联系

    使用国际化i18n切换言时
      如果是html中的内容，它会响应式的切换
      如果是js中的内容，它不会响应式切换
      如果切换希望所有地方都响应式更新，刷新整个网站

    实际开发要将整个网站内容做国际化，要做什么？
      1：前端人员收集整个网站的中文(直接修改相应的代码)
      2:将语言包应用到i18n内
      注意：收集时一定要分模块分页面，一定要注意加注释，不然，收集修改完你都不知道这是做什么的了
         模块名:{
           页面名：{
              key:'中文'
           }
         }

*/
import VueI18n from 'vue-i18n'
import Vue from 'vue'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import zh from './zh'
import en from './en'

Vue.use(VueI18n)
const i18n = new VueI18n({
  locale: localStorage.getItem('lang') || 'en', // 比如  语言标识 ：中方：zh  英文：en
  messages: {
    //   语言包
    zh: {
      xxx: '文件',
      ...zhLocale,
      ...zh
    },
    en: {
      xxx: 'file',
      ...enLocale,
      ...en
    }
    // aa: {
    //   xxx: 'الوثائق '
    // }
  }
})
export default i18n
